import styled from 'styled-components'

import { themeColor } from '../../assets/theme/themeColor'
const HomeListContainer = styled.div`
    flex:1;
    .homelisthead{
        position:fixed;
        height:.88rem;
        background:white;
        display:flex;
        width:100%;
        z-index:100;
        line-height:.88rem;
        align-items:center;
        font-size:.40rem;
        justify-content:space-between    
        .fa-chevron-left{
            margin-left:.2rem;
        }
        .fa-ellipsis-h{
            margin-right:.2rem;
        }
    }
    .brand{
        margin-top:.88rem;
        height:1.5rem;
        padding:.2rem;
        background:#F4F4F8
        .brand_contain{
            display:flex;
            height:100%;
            background:white;
            justify-content:space-between
            .brand_img{
                height:.92rem;
                width:.92rem;
                margin-left:.6rem;
                margin-top:.3rem;
                border: 1px solid #ebebeb;
                display:flex;
                align-items:center;
                img{
                    width:.9rem;
                    height:.45rem;
                   
                }
            }
            .brand_title{
                height:100%;
                line-height:.75rem;
                .title{
                    font-size:.30rem;
                    width:90%;
                    white-space:nowrap;
                    overflow:hidden;
                    text-overflow:ellipsis;
                }
                .people{
                    font-size:.20rem;
                    color: #333;
                    opacity: 0.5;
                }
            }
            .add_heart{
                height:100%;
                line-height:1.5rem;
                padding-right:.5rem;
                font-size:.40rem
                .fa-heart{
                    color:${themeColor}
                }
            }
        }
    }
    .am-tabs-default-bar-tab-active{
        color:${themeColor}
    }
    .am-tabs-default-bar-underline{
        position: absolute;
        border: 1px ${themeColor} solid;
    }
    .am-tabs-default-bar-tab{
        text-align: center;
        line-height:.3rem;
       
    }
    .am-tabs {
        overflow:none;
    }
    .itemlist{
        width:100%;
    display:flex;
    align-items:center;
    justifyContent:center;
     backgroundColor:#fff;
     ul{
         width:100%;
         display:flex;
         flex-wrap:wrap;
         justify-content:space-between;
         margin-top:.1rem;
         .itemlink{
            display:block;
            width:3.7rem;
            color:black;
            li{
                width:100%;
                .item_img{
                    img{
                        width:3.73rem;
                        height:3.73rem;
                    }
                }
                .price{
                    font-size:.24rem;
                    padding:.1rem .2rem;
                    i{
                        color: #ff464e
                    }
                    del{
                        margin-left:.2rem
                        color:#bbb
                    }
                }
                .title{
                    padding: 0 .2rem .1rem .2rem;
                    font-size:.28rem;
                    width:90%;
                    white-space:nowrap;
                    overflow:hidden;
                    text-overflow:ellipsis;
                }
            }
         }
     }
    }
`

export default HomeListContainer